{% extends "base.html" %}
{% block title %}Filing Package — LegalEase AI{% endblock %}
{% block content %}
<div class="container">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;">
        <div>
            <a href="/lawyer/office/case/{{ case.id }}" style="color:var(--text-muted);text-decoration:none;font-size:0.85rem;"><i class="fas fa-arrow-left"></i> Back to Workspace</a>
            <h1 class="page-title" style="margin-top:0.4rem;margin-bottom:0.25rem;"><i class="fas fa-file-pdf"></i> Court Filing Package</h1>
            <p class="page-subtitle" style="margin:0;">{{ filing.filing_number }} — {{ filing.court_type }}, {{ filing.court_district }}</p>
        </div>
        <button onclick="window.print()" class="btn-print"><i class="fas fa-print"></i> Print / Save PDF</button>
    </div>
    <div class="card">
        <div class="card-body">
            <pre style="white-space:pre-wrap;font-family:'Courier New',monospace;font-size:0.82rem;color:var(--text);line-height:1.7;background:#F4F6F9;padding:1.5rem;border-radius:8px;border:1px solid var(--border);">{{ package_text }}</pre>
        </div>
    </div>
</div>
<style>
.card-body { padding:1.25rem; }
.btn-print { background:rgba(29,78,216,0.1);color:var(--accent);border:1px solid rgba(29,78,216,0.25);padding:0.5rem 1.1rem;border-radius:8px;cursor:pointer;font-size:0.9rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:0.4rem; }
.btn-print:hover { background:rgba(29,78,216,0.2); }
@media print { .navbar,.btn-print { display:none; } body,pre { color:#000!important; background:#fff!important; } }
</style>
{% endblock %}